<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>AUDIO & VIDEO</title>
  </head>
  <body>
    <h1>audio & video</h1>

    <h2>audio+loop</h2>
    <audio src="http://downsc.chinaz.net/files/download/sound1/201206/1638.mp3" controls loop>抱歉，您的浏览器不支持audio标签，请升级您的浏览器。</audio>

    <h2>audio 子标签 source</h2>
    <audio controls>
      <source src="http://downsc.chinaz.net/Files/DownLoad/sound1/201906/11582.mp3" type="audio/mpeg" />
      抱歉，您的浏览器不支持audio标签，请升级您的浏览器。
    </audio>

    <h2>video</h2>
    <video src="https://www.w3schools.com/html/movie.mp4" controls>抱歉，您的浏览器不支持video标签，请升级您的浏览器。</video>

    <h2>video 子标签 source + muted</h2>
    <video controls width="700" muted="true">
      <source src="https://media.w3.org/2010/05/sintel/trailer.mp4" type="video/mp4" />
      亲爱的，您的浏览器不支持video标签，请升级您的浏览器
    </video>
  </body>
</html>
